/**
 * document.createElement('canvas').getContext('2d').drawImage函数
 * 详见：https://www.w3school.com.cn/tags/canvas_drawimage.asp
 */

/**
 * 1、在画布上的坐标(x, y)位置开始绘制整个图像：
 *    context.drawImage(img,x,y);
 * 
 * 2、在画布上的坐标(x, y)位置开始绘制图像，且整个图像被缩放在宽width和高height的区域：
 *    context.drawImage(img,x,y,width,height);
 * 
 * 3、从源图像的坐标(sourceX, sourceY)开始截取宽sWidth高sHeight的区域，并从画布坐标(x,y)开始绘制，
 *    截取的部分缩放到宽width和高height的区域:
 *    context.drawImage(img,sourceX,sourceY,sWidth,sHeight,x,y,width,height);
 */